
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/includes.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>斯帕克企业管理系统-ERP</title>

     <script src="js/jquery/jquery-1.7.1.min.js" type="text/javascript"></script> 
<style>
body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:12px;
	background:#fff;}
.loginLogo{
	height:20px;
	background-color:#545a6a;
	line-height:30px;
	color:#fff;
	font-weight:bold;
	font-family:"微软雅黑";
	font-size:14px;
	margin:0;
	padding:0 0 0 10px;}
#loginContent{
	width:1001px;
	height:390px;
	background:url(images/login2/oa_login_bg.jpg) top left repeat-x;}
#loginBottom{
	font-size:12px;
	color:#666666;
	height:60px;
	line-height:60px;
	text-align:center;}
#loginBottom a{
	text-decoration:none;
	color:#67799b;}
#loginBottom a:hover{
	text-decoration:none;
	color:#666;}
td{
	margin:0;
	padding:0;}
#loginImg{
	width:625px;
	height:440px;
	margin:0 ;
	padding:0;
	text-align:center;
	float:left;}
#companyImg{
	margin:30px auto;
	width:600px;
	height:440px;
	background:url(images/login2/loginImg.png) top left no-repeat;/**/}
#loginInput{
	float:left;
	width:375px;}
#loginBorder{
	margin:30px 0 0 0;
	padding:0;
	background-color:#f1f1f1;
	width:320px;
	height:320px;
	border:2px solid #fff;}
.loginBorderTop{
	font-size:16px;
	color:#67799b;
	font-weight:bold;
	height:55px;
	line-height:55px;
	padding:25px 0 0 30px;
	border-bottom:1px solid #67799b;}
.loginBorderText{
	padding:15px 0 0 20px;
	margin:0;
	font-size:12px;
	height:110px;
	font-weight:bold;
	color:#67799b;}
.loginBorderText2{
	height:24px;
	line-height:24px;}
.loginInputStyle{
	
	}
input[type="text"],input[type="password"]{
border: 1px solid; border-color: #ccc #EEE #EEE #CCC;
background: #fff;
width:230px;
height:20px;
}
input[type="button"],input[type="submit"]{
border: 1px solid; border-color: #EEE #CCC #CCC #EEE;
color: #fff; font-weight: bold; background: #67799b;
width:80px;
height:30px;
cursor:pointer;
}
.loginBorderButton{
	height:50px;
	margin: 30px 20px 0 0;
	float:right;}
</style>
    <script type="text/javascript">
    function dologin()
    {
    	
        var username = $("#username").val();
        var password = $("#password").val();
       
        if (username == "")
        {
            alert('账号不能为空!');
            $("#username").focus();
            return false;
        }
        if (password == "")
        {
            alert('密码不能为空!');
            $("#password").focus();
            return false;
        }
        
    }
    </script>
</head>
<body> 
<form name="form1" method="post" action="j_spring_security_check" >
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr height="60px">
    <td></td>
    <td vAlign="bottom"><img src="images/login2/logo.jpg" /></td>
    <td></td>
  </tr>
  <tr>
    <td valign="top"><div class="loginLogo"></div></td>
    <td valign="top" width="990px" height="490px" valign="top">
    	<div class="loginLogo"></div>
        <div id="loginContent">
        	<div id="loginImg">
            	<div id="companyImg"></div>
            </div>
            <div id="loginInput">
            	<div id="loginBorder">
                	<div class="loginBorderTop"><img src="images/login2/sysName.png" /></div>
                    <div class="loginBorderText">
                    <div class="loginBorderText2">帐号：</div>
                    <input type="text" class="loginInputStyle" id="username" name="username" />
                    <br/><br/>
                    <div class="loginBorderText2">密码：</div>
                    <input type="password" class="loginInputStyle" id="password" name="password" />
                    <c:if test="${param.error eq '3'}">
                    <div><p style="font-weight: normal;color: red;">用户名或密码错误<p></div>
                    </c:if>
                    </div>
                    <div class="loginBorderButton">
                    <input type="submit" value="登 录" onfocus="return dologin();"/>
                    </div>
                </div>
            </div>
        </div>
        <div></div>
    
    </td>
    <td valign="top"><div class="loginLogo"></div></td>
  </tr>
  <tr>
    <td></td>
    <td id="loginBottom">
    	Copyright © 2013  <a href="http://www.yuendong.com/">源动信息技术有限公司全案策划</a>
    </td>
    <td></td>
  </tr>
</table>
    </form>
</body>
</html>
